
.mainbox img{
    border-radius: 10px;
    box-shadow: rgba(120, 87, 87, 0.3) 2px 2px 2px 2px;
    transition: all 0.5s;
}
.mainbox img:hover{
    border-radius: 15px;
    transform: translate(0,-20px);
}

/*首页关于数术的介绍*/
/*何谓数术标题*/
.title_left{
    font-size: 77px;
    font-family: 华文行楷;
    text-decoration: none;
    color: #794604;

    display: block;
    margin-top: 20%;
    margin-bottom: 10px;
    margin-left: 5px;
}
.mainbox a:hover{
    color: #b85252;
}
.title_left :active{
    color: #794604;
}
.detail{
    font-size: 15px;
    max-width: 60%;
}

/*分类*/
.mainbox ul li{
    list-style: none;
    height: fit-content;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 35%;
}
.mainbox ul li a{
    font-size: 45px;
    font-family: 华文行楷;
    text-decoration: none;
    color: #794604;

    display: block;
    text-align: center;
    margin-top: 10%; 
}
.mainbox ul li a:hover{
    color: #d55133;
}
.mainbox ul li a:active{
    color: #794604;
}
.mainbox ul li p{
    padding: 0 15px;
    font-size: 15px;
    transition: all 0.2s;
    text-align: left;
}
.mainbox ul li p:hover{
    font-size: 17px;
    color: #794604;
    padding: 0;
}

/*二级列表*/
.mainbox ul li ul li {
    float: left;
    width: 20%;
    margin: 0 5%;

}
.mainbox ul li ul li a{
    color: #794604;
    font-size: 20px;
    transition: all 0.5s;
}
.mainbox ul li ul li a:hover{
    scale: 1.5;
}
.mainbox ul li ul li a:active{
    color: #794604;
}
.mainbox ul li img{
    width: 100%;
}